<template>
    <view class="tips flex_b" v-if="!checkMemberMpResult">
        <view class="tips_l">关注公众号，及时收到接活提醒！</view>
        <view class="tips_r flex_c" @click="toAuth">
            去关注
            <up-icon color="#fff" size="14" name="arrow-right"></up-icon>
        </view>
    </view>
</template>

<script setup lang="ts">
import { inject } from 'vue';

const checkMemberMpResult = inject('checkMemberMpResult')

const toAuth = () => {
    uni.navigateTo({
        url: '/pages/mine/official/official'
    })
}

</script>

<style lang="scss" scoped>
.tips {
    width: 750rpx;
    height: 96rpx;
    background: #FFEBDC;
    padding: 0 24rpx;
    box-sizing: border-box;

    .tips_l {
        font-size: 28rpx;
        color: #FE6E04;
    }

    .tips_r {
        width: 178rpx;
        height: 56rpx;
        background: #FE6E04;
        border-radius: 28rpx 28rpx 28rpx 28rpx;
        font-size: 28rpx;
        color: #FFFFFF;
    }
}
</style>